<style scoped>
    @import '../styles/common.css';
    .row{
        margin: 12px 0;
    }
</style>
<template> 
    <div> 
        <div class="row"> 
            <i-button type="ghost" v-link="{path:'/index'}">Go to index</i-button> 

            <i-button type="ghost" v-link="{path: '/layout'}">Go to layout</i-button>   

            <i-button type="ghost" v-link="{path:'/input'}">Go to input</i-button> 

            <i-button type="ghost" v-link="{path: '/radio'}">Go to radio</i-button>   

            <i-button type="ghost" v-link="{path:'/checkbox'}">Go to checkbox</i-button> 

            <i-button type="ghost" v-link="{path:'/switch'}">Go to switch</i-button> 

            <i-button type="ghost" v-link="{path: '/table1'}">Go to table1</i-button>   

            <i-button type="ghost" v-link="{path: '/table2'}">Go to table2</i-button>   

            <i-button type="ghost" v-link="{path: '/select'}">Go to select</i-button>   

            <i-button type="ghost" v-link="{path: '/slider'}">Go to slider</i-button>   

            <i-button type="ghost" v-link="{path: '/datapicker'}">Go to datapicker</i-button>   

            <i-button type="ghost" v-link="{path: '/timepicker'}">Go to timepicker</i-button>   

            <i-button type="ghost" v-link="{path: '/cascader'}">级联选择</i-button>   

            <i-button type="ghost" v-link="{path:'/transfer'}">穿梭框</i-button> 

            <i-button type="ghost" v-link="{path: '/inputnumber'}">Go to inputNumber</i-button>   

            <i-button type="ghost" v-link="{path:'/rate'}">Rate评分</i-button> 

            <i-button type="ghost" v-link="{path: '/form'}">Go to form</i-button>   

            <i-button type="ghost" v-link="{path: '/alert'}">Go to alert</i-button>   

            <i-button type="ghost" v-link="{path:'/card'}">Go to card</i-button> 

            <i-button type="ghost" v-link="{path: '/message'}">Go to message</i-button>   

            <i-button type="ghost" v-link="{path: '/notice'}">Go to notice</i-button>   

            <i-button type="ghost" v-link="{path: '/modal'}">Go to modal</i-button>   

            <i-button type="ghost" v-link="{path:'/progress'}">Go to progress</i-button> 

            <i-button type="ghost" v-link="{path: '/badge'}">Go to badge</i-button>   

            <i-button type="ghost" v-link="{path: '/collapse'}">Go to collapse</i-button>   

            <i-button type="ghost" v-link="{path: '/timeline'}">Go to timeline</i-button>   

            <i-button type="ghost" v-link="{path: '/tag'}">Go to tag</i-button>   

            <i-button type="ghost" v-link="{path: '/tooltip'}">Go to tooltip</i-button>   

            <i-button type="ghost" v-link="{path: '/poptip'}">Go to poptip</i-button>   

            <i-button type="ghost" v-link="{path: '/menunav'}">Go to menunav</i-button>   

            <i-button type="ghost" v-link="{path: '/tabs'}">Go to tabs</i-button>   

            <i-button type="ghost" v-link="{path: '/dropdown'}">Go to dropdown</i-button>   

            <i-button type="ghost" v-link="{path: '/pagenation'}">Go to pagenation</i-button>   

            <i-button type="ghost" v-link="{path: '/breadcrumb'}">面包屑</i-button>   

            <i-button type="ghost" v-link="{path: '/steps'}">Go to steps</i-button>   

            <i-button type="ghost" v-link="{path: '/loadingbar'}">Go to loadingbar</i-button>   

            <i-button type="ghost" v-link="{path: '/circle'}">进度环</i-button>   

            <i-button type="ghost" v-link="{path: '/affix'}">Go to affix</i-button>   

            <i-button type="ghost" v-link="{path: '/backtotop'}">Go to backtotop</i-button>  

            <i-button type="ghost" v-link="{path: '/spin'}">加载动画</i-button>  
 
        </div> 
        <div> 
            <router-view></router-view>
        </div>  
    </div>
</template>
<script>
    export default {
        data () {
            return {}
        },
        ready () {

        },
        beforeDestroy () {

        },
        methods: {

        }
    }
</script>
